{if !$is_ajax}
{include file="header.tpl" body_id="colors"}
{/if}

<div class="left-column">
	<div class="content">
		<h2 class="bgimage" style="background-image: url(/images/icons/color_swatch.png)">
			Sample colors
		</h2>
		
		<hr />
		
		<ul class="boxes">
			<li style="background: #4e483c; height: 40px;">&nbsp;</li>
			<li style="background: #746a59; height: 40px;">&nbsp;</li>
			
			<li style="background: #596074; height: 40px;">&nbsp;</li>
			<li style="background: #615974; height: 40px;">&nbsp;</li>
			
			<li style="background: #7e819f; height: 40px;">&nbsp;</li>
			<li style="background: #898397; height: 40px;">&nbsp;</li>
			
			<li style="background: #cc0814; height: 40px;">&nbsp;</li>
			<li style="background: #8c282c; height: 40px;">&nbsp;</li>
			
			<li style="background: #ffff66; height: 40px;">&nbsp;</li>
			<li style="background: #ffff99; height: 40px;">&nbsp;</li>
		</ul>
		
		<br class="clear" />
	</div>
</div>

<div class="right-column">
	<div class="content">
		<h3>
			Web safe
		</h3>
		
		<ul class="boxes cols3" style="padding-top: 10px;">
			<li style="background: #ffffcc; height: 40px;">&nbsp;</li>
			<li style="background: #ffff99; height: 40px;">&nbsp;</li>
			<li style="background: #ffff66; height: 40px;">&nbsp;</li>
			
			<li style="background: #ccff66; height: 40px;">&nbsp;</li>
			<li style="background: #99ff66; height: 40px;">&nbsp;</li>
			<li style="background: #66ff33; height: 40px;">&nbsp;</li>
			
			<li style="background: #669999; height: 40px;">&nbsp;</li>
			<li style="background: #336666; height: 40px;">&nbsp;</li>
			<li style="background: #003333; height: 40px;">&nbsp;</li>
		</ul>
		
		<br class="clear" />
	</div>
	
	<div class="content">
		<h3>
			Accent colors
		</h3>
		
		<ul class="boxes cols3" style="padding-top: 10px;">
			<li style="background: #fe6f6b; height: 40px;">&nbsp;</li>
			<li style="background: #ffaa73; height: 40px;">&nbsp;</li>
			<li style="background: #f0d567; height: 40px;">&nbsp;</li>
			
			<li style="background: #d0ebb2; height: 40px;">&nbsp;</li>
			<li style="background: #50cc6d; height: 40px;">&nbsp;</li>
			<li style="background: #60b0eb; height: 40px;">&nbsp;</li>
			
			<li style="background: #587ab0; height: 40px;">&nbsp;</li>
			<li style="background: #d99bdd; height: 40px;">&nbsp;</li>
			<li style="background: #ff77b1; height: 40px;">&nbsp;</li>
		</ul>
		
		<br class="clear" />
	</div>
</div>

{if !$is_ajax}
{include file="footer.tpl"}
{/if}
